<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
  <head>
    <title>岗位详情</title>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="__STATIC__/mobile/css/weui.min.css">
	<link rel="stylesheet" href="__STATIC__/mobile/css/jquery-weui.css">
    <!-- <link rel="stylesheet" href="css/style.min.css"> -->
    <link rel="stylesheet" href="__STATIC__/mobile/css/demos.css">
    <link rel="stylesheet" href="__STATIC__/mobile/css/main.css">
    <link rel="stylesheet" href="__STATIC__/mobile/css/iconfont.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=DA6Bw0637vf4t96C4GRhyPBMyplqG6zA"></script>
    <style>
    	.navbar {
		    height: 50px;
		    color: #000;
		    background: #ffd966;
		    position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    z-index: 99;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    overflow: hidden;
		}
		.navbar .nav-wrap-left {
		    height: 100%;
		    width: 25%;
		    line-height: 50px;
		}
		.navbar .nav-wrap-left .nav-btn {
		    padding-right: 0;
		}
		.navbar .nav-btn {
		    padding: 0 0 0 10%;
		   	width: 90%;
		   	height: 100%;
		    display: block;
		    color: #000;
		    font-size: 14px;
		}
		a:active, a:focus, a:hover, a:visited {
		    color: #bbb;
		}
		a, a:hover, del, ins, s, u {
		    text-decoration: none;
		}
		.barbtn, a, button, em, input, textarea {
		    -webkit-tap-highlight-color: rgba(255,0,0,0);
		}
		a {
		    color: #666;
		    text-decoration: none;
		    outline: 0;
		}
		.navbar .nav-title {
			width: 50%;
		    height: 100%;
		    overflow: hidden;
		    line-height: 50px;
		    text-align: center;
		    -webkit-box-flex: 1;
		    -ms-flex: 1;
		}
		.navbar .nav-wrap-right {
		    height: 100%;
		    width: 25%;
		    line-height: 50px;
		    text-align: right;
		}
		.filterbar .dropdown-toggle.active {
		    color: #179b16;
		}
		.icon-xuanzechengshi {
			font-size: 8px!important;
		}
		#joblist .list-item .salary span, #loadMore .list-item .salary span, #recommend-job .list-item .salary span {
		    color: #179b16;
		    font-size: .42rem;
		}
		.pic {
			width: 55px!important;
		}
		.pic img{
			width: 55px!important;
			height: 55px;
		}
		.filterbar .dropdown-wrapper {
		    position: absolute;
		    width: 100%;
		    z-index: inherit;
		}
		.filterbar .nav {
		    position: relative;
    		z-index: inherit;
		}
		.block {
			display: block;
		}
		.none {
			display: none;
		}
		.filterbar .nav {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    background: #fff;
		    border-bottom: 1px solid #e5e5e5;
		    text-align: center;
		    height: .86rem;
		    line-height: .86rem;
		    -webkit-user-select: none;
		    font-size: 13px;
		    text-align: center;
		}
		.main {
			/*padding: 0!important;*/
			padding-top: 50px; 
			z-index: 9999999;
		}
		.filterbar .category-wrapper {
		    overflow: scroll;
		}
		.category-wrapper {
			max-height: 480px!important;
		}
		.  .top-logo img{
      border-radius: 50%;
    }
    /*.weui-uploader__file {
        width: 40%;
        height: 79px;
    }*/
    .top-logo {
        width: 100%;
        height: 8em;
        margin-top: 1em;
        overflow: hidden;
    }
    .top-logo img {
        width: 6em;
        height: 6em;
        margin: 1em auto;
        display: block;
    }
    .weui-cell2:after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        color: #d9d9d9;
        bottom: 0;
        border-bottom: 1px solid #d9d9d9;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
    }
    /*.weui-uploader__file {
          float: left;
          background: no-repeat 50%;
          background-size: cover;
          display: inline-block;
          margin: 0px 5%;
          background-size: 100% 100%;
      }*/
    .weui-cells {
	    margin-top: 0.2em;
	}
	.dis{
	    -webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;
	}
    </style>
  </head>

  <body ontouchstart style="background: #fff">
  	
    <div class="navbar">
        <div class="nav-wrap-left">
            <a class="nav-btn" href="javascript:history.go(-1);">
                <i style="font-size: 22px" class="iconfont icon-goback"></i>
            </a>
        </div>
		<div class="nav-title">岗位详情</div>
        <div class="nav-wrap-right">
            
        </div>
    </div>
    <!-- 正文 -->
    <div class="main">
		<div class="weui-cells weui-cells_form">
	  		
	  		<div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">岗位名称</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_name" class="weui-input dis" type="text" value="{$info.job_name}" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">工作城市</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_city" class="weui-input dis" type="text" value="{$info.work_city}" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">工作场地</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_paddress" class="weui-input dis" type="text" value="{$info.work_place}" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">薪资</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_wage" class="weui-input dis" type="text" value="{$info.salary}" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">结算方式</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_wagetype" class="weui-input dis" type="text" value="{$info.settlement_method}" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">招聘人数</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_pnum" class="weui-input dis"  type="text" value="{$info.recruit_num}" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">工作日期</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_date" class="weui-input dis" type="text" value="<?php echo date('Y-m-d',$info['start_day']);?> 至 <?php echo date('Y-m-d',$info['end_day']);?>" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">工作时间</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_time" class="weui-input dis" type="text" value="{$info.start_hour} 至 {$info.end_hour}" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">学历</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_pnum" class="weui-input dis"  type="text" value="{$info.education}" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">年龄</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_pnum" class="weui-input dis"  type="text" value="{$info.age}" disabled="disabled">
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">性别</label></div>
		        <div class="weui-cell__bd">
		            <input id="job_pnum" class="weui-input dis"  type="text" value="{$info.sex}" disabled="disabled">
		        </div>
		    </div>
		    
		   
		    
		    
		    
		    
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">岗位要求</label></div>
		        <div class="weui-cell__bd">
                    {$info.job_require}
		            <!-- <textarea class="weui-textarea" placeholder="工作内容描述" rows="3"></textarea> -->
		        </div>
		    </div>
		    <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">工作内容</label></div>
		        <div class="weui-cell__bd">
                    {$info.work_describe}
		            <!-- <textarea class="weui-textarea" placeholder="工作内容描述" rows="3"></textarea> -->
		        </div>
		    </div>
		    <div class="weui-cell__bd" id="">
		          
		    </div>
	  	</div>
	  	<div class="weui-cells__title" style="    color: #000;">您的实际工作时间</div>
		<div class="weui-cells">
		  <div class="weui-cell">
		    <div class="weui-cell__bd">
		      <input class="weui-input" type="text" placeholder="请选择时间" id = "realtime">
		    </div>
		  </div>
		</div>	  	
		<div class="weui-btn-area">
	      <a class="weui-btn weui-btn_primary" href="javascript:" id="updateInfo" onclick="join_active()">报名</a>
	    </div>
    </div>
   
	<div id="allmap1"></div>
    <script src="__STATIC__/mobile/js/jquery-2.1.4.js"></script>
    <!-- <script src="js/fastclick.js"></script> -->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
 
    <script src="__STATIC__/mobile/js/jquery-weui.js"></script>
    <script src="__STATIC__/mobile/js/city-picker.js"></script>
    <script src="__STATIC__/mobile/js/globalvariable.js"></script>
    <script src="__STATIC__/mobile/js/sose.js"></script>
	<script>
	$(function(){
		var now = new Date('<?php echo date('Y-m-d',$info['start_day']);?>')
		now.setDate(now.getDate() -1);  
		var year = now.getFullYear();
		var month = now.getMonth()+1;
		if (Number(month) < 10){
			month = '0' + month
		}
		var date = now.getDate();
		if (Number(date) < 10){
			date = '0' + date
		}
		var start_day = [year,month,date].join('-');

		$("#realtime").calendar({
			multiple : true,
			value : ["<?php echo date('Y-m-d',$info['start_day']);?>"],
			 minDate : start_day.toString(),
			 // minDate : "<?php echo date('Y-m-d',$info['start_day']);?>",
			maxDate : "<?php echo date('Y-m-d',$info['end_day']);?>"
		})
	})


		function join_active(){
			var realtime = $("#realtime").val();

         if(realtime){
         }else{
         	alert("请分配您的实际工作时间")
         	return false
         }

			$.ajax({
				url:"{:U('My/joinActive')}",
				data:{
					id:"<?php echo $_GET['id'];?>",
					realtime : $('#realtime').val().split(", ")
				},
				dataType:"json",
				type:"POST",
				success:function(ret){
                    if(ret.val==1){
                        $.alert({
                          title: '提示',
                          text: '先注册才能查看此页面哦,是否现在就去注册?',
                          onOK: function () {
                            //点击确认
                            location.href="{:U('myInfo')}";
                          }
                        });
                    }
                    if(ret.val==2){
                        //alert(ret.msg);
                        $.alert({
                          title: '提示',
                          text: ret.msg,
                          onOK: function () {
                            //点击确认
                            //wx.closeWindow();
                            location.href="{:U('parttimeList')}";
                          }
                        });
                        
                    }
                    if(ret.val==3){
                        //alert(ret.msg);return false;
                        $.alert({
                          title: '提示',
                          text: ret.msg,
                          onOK: function () {
                            //点击确认
                            //wx.closeWindow();
                            location.href="{:U('parttimeList')}";
                          }
                        });
                    }
                    if(ret.val==4){
                        //alert(ret.msg);return false;
                        $.alert({
                          title: '提示',
                          text: ret.msg,
                          onOK: function () {
                            //点击确认
                            //wx.closeWindow();
                            location.href="{:U('parttimeList')}";
                          }
                        });
                    }
            
				},
                error:function(){
                    alert('error');
                    /*$.alert({
                      title: '提示',
                      text: "报名成功",
                      onOK: function () {
                        //点击确认
                        //wx.closeWindow();
                        location.href="{:U('parttimeList')}";
                      }
                    });*/
                }
			})

		}
	</script>
  </body>
</html>
